<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <meta content="telephone=no" name="format-detection"/>
    <script>
        var isJsBridgeReady = false;
        var isZHKIOS= false;
        function readyFunc(device){
            isJsBridgeReady = true;
            if(device == 'true'){
              isZHKIOS = true;
            }
        }
    </script>
    <title>员工管理</title>
    <link rel="stylesheet" href="../css/pro_app.min.css">
    <link rel="stylesheet" href="../lib/yz-sm.min.css">
    <link rel="stylesheet" href="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.css">
</head>
<body>
    <div class="page-group">
        <div class="page personnel-manage" id="userManagePage">

            <div class="scroll-view">
                <ul class="header">
                    <li class="left"><a class="back" href="javascript:void(0)"><i class="zhk-nav_back"></i>返回</a></li>
                    <li class="middle">员工管理</li>
                    <li class="right">
                        <a href="javascript:void(0)" name="add_user"><i class="zhk-nav_add"></i></a>
                        <a href="javascript:void(0)" id="sel-employee-condition"><i class="zhk-nav_filter"></i></a>
                    </li>
                </ul>

                <div class="page-body">
                    <div id="userManageCotainer">

                    </div>
                </div>


            <script type="text/template" id="userManagerTPL">
                <ul class="list">
                 {{each data as user index}}
                     {{if role!= 4}}
                          {{if user.roleId != "1"}}
                            <li accountId="{{ user.accountId }}" roleId="{{ user.roleId }}">
                                {{if user.roleId == "2"}}
                                <span class="icon green-gradient">运营</span>
                                {{else if user.roleId == "3"}}
                                <span class="icon orange-gradient">财务</span>
                                {{else if user.roleId == "4"}}
                                <span class="icon blue-gradient">店长</span>
                                {{else if user.roleId == "5"}}
                                <span class="icon deepBlue-gradient">服务员</span>
                                {{else if user.roleId == "6"}}
                                <span class="icon purple-gradient">收银员</span>
                                {{else}}
                                <span class="icon"></span>
                                {{/if}}
                                    <span class="info" >
                                        <p class="name">{{user.name}}</p>
                                        <p class="store">{{user.shopName?user.shopName : ""}}</p>
                                    </span>
                            </li>
                           {{/if}}
                     {{else}}
                        {{if user.roleId != "1"}}
                               {{ if user.roleId == "4"}}
                                <li accountId="{{ user.accountId }}" roleId="{{ user.roleId }}">                              
                                <span class="icon blue-gradient">店长</span>
                                <span class="info" >
                                        <p class="name">{{user.name}}</p>
                                        <p class="store">{{user.shopName?user.shopName : ""}}</p>
                                 </span>
                                </li>
                               {{else if user.roleId == "5"}}
                                <li accountId="{{ user.accountId }}" roleId="{{ user.roleId }}">  
                                <span class="icon deepBlue-gradient">服务员</span>
                                 <span class="info" >
                                        <p class="name">{{user.name}}</p>
                                        <p class="store">{{user.shopName?user.shopName : ""}}</p>
                                 </span>
                                </li>
                                {{else if user.roleId == "6"}}
                                <li accountId="{{ user.accountId }}"  roleId="{{ user.roleId }}">
                                <span class="icon purple-gradient">收银员</span>
                                 <span class="info" >
                                        <p class="name">{{user.name}}</p>
                                        <p class="store">{{user.shopName?user.shopName : ""}}</p>
                                 </span>
                                </li>
                                {{/if}}

                            {{/if}}
                    {{/if}}
                {{/each}}
                </ul>
            </script>
             </div>
            <script type="text/template" id="userManage4NoDataTPL">
                <div class="no-data-wrap">
                    <div class="no-data"></div>
                    <p>暂无数据</p>
                </div>
            </script>
        </div>
    </div>
    <script src="../lib/zepto.min.js"></script>
    <script src="../lib/yz-sm.min.js"></script>
    <script src="../lib/template.js"></script>
    <script src="../lib/swiper.min.js"></script>

    <script src="../base/recalc.js" compress="../base/base.js"></script>
    <script src="../base/dialog.js" compress="../base/base.js"></script>
    <script src="../base/common.js" compress="../base/base.js"></script>
    <script src="../base/appservice.js" compress="../base/base.js"></script>

    <script src="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>

    <script src="../base/h5service.js" compress="../base/base.js"></script>
    <script src="../js/employeeManageA.js" compress="../js/main.js"></script>
    <script src="../js/employeeManageC.js" compress="../js/main.js"></script>
</body>
</html>
